import { Canvas, Controls, Meta, Source } from '@storybook/blocks'

import * as TypographyStories from './typography.stories'

<Meta of={TypographyStories} />

# Typography

The Typography component is a component that provides multiple variants of styles to fit all of the typography needs around the application.

## Preview

<Canvas of={TypographyStories.H3} />

<Controls of={TypographyStories.H3} />

## Examples

### H1

<Canvas of={TypographyStories.H1} />

### H2

<Canvas of={TypographyStories.H2} />

### H3

<Canvas of={TypographyStories.H3} />

### H4

<Canvas of={TypographyStories.H4} />

### Paragraph

<Canvas of={TypographyStories.P} />

### Blockquote

<Canvas of={TypographyStories.Blockquote} />

### Unordered List

<Canvas of={TypographyStories.Ul} />

### Ordered List

<Canvas of={TypographyStories.Ol} />

### Inline Code

<Canvas of={TypographyStories.Code} />

### Lead

<Canvas of={TypographyStories.Lead} />

### Large

<Canvas of={TypographyStories.Large} />

### Small

<Canvas of={TypographyStories.Small} />

### Muted

<Canvas of={TypographyStories.Muted} />
